<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input标签type属性</title>
</head>
<body>
<form autocomplete="on" novalidate="novalidate">
    <label>type="text" 姓名：<input type="text" name="name" id="name"></label><br>
    <label>type="password" 密码：<input type="password" name="password" id="password"></label><br>
    <label>type="radio" 性别</label>
    <label for="nan">男<input type="radio" name="sex" value="男" id="nan"></label>
    <label for="nv">女<input type="radio" name="sex" value="女" id="nv"></label><br>
    <label>爱好</label>
    <label>计算机<input type="checkbox" name="interest" value="计算机"></label>
    <label>旅游<input type="checkbox" name="interest" value="旅游"></label>
    <label>文学<input type="checkbox" name="interest"  value="文学"></label><br>
    <label>hidden<input type="hidden" name="country" value="中国"></label><br>
    <label>文件<input type="file" name="file"></label><br>
    <label>type="email" 电子邮件<input type="email" autocomplete="on"></label><br>
    <label>type="url"   网址<input type="url"></label><br>
    <label>type="number" 数值<input type="number" max="100" min="1" value="1"></label><br>
    <label>type="date" 日期<input type="date" value="2018-10-28"></label><br>
    <label>type="range" 范围<input type="range" min="0" max="100" value="50" ></label><br>
    <label>type="color" 颜色<input type="color" name="color"></label><br>
    <label>type="search" 查找关键字<input type="search" value="HTML5"></label><br>
    <label>type="image" 图像按钮<input type="image" src="../source/img/w3c_home.png" title="提交" alt="图像按钮"></label><br>
    <label>type="button" 普通按钮<input type="button" value="点击我" onclick="alert('为什么？')"></label><br>
    <label>type="reset"  重置按钮<input type="reset"></label><br>
    <label>type="submit"  提交按钮<input type="submit" onclick="alert('确认提交？')" ></label>
</form>
</body>
</html>